<template>
	<div class="scroll-view-demo1">
		<ynet-scroll-view
			ref="scrollView"
			:scrolling-y="false"
			:touch-angle="80"
			:is-prevent="false"
		>
			<div class="scroll-view-list">
				<p v-for="i in list" :key="i" class="scroll-view-item">{{i}}</p>
			</div>
		</ynet-scroll-view>
	</div>
</template>
<script>
	import { ScrollView } from 'ynet-mobile'
	export default {
		title: '横向滚动',
		name: 'scroll-view-demo',
		components: {
			[ScrollView.name]: ScrollView
		},
		data(){
			return {
				list: 5
			}
		}
	}
</script>
<style lang="scss">
.scroll-view-demo1{
	height: 80px;
	.md-scroll-view{
		display: flex;
		align-items: center;
		.scroll-view-list{
			display: flex;
			width: 1000px;
			.scroll-view-item{
				flex: 1;
				text-align: center;
				font-size: 28px;
				border-right: .5px solid #ccc;
			}
		}
	}
}


</style>